/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        // 与 Ant Design 主题变量保持一致
        primary: {
          DEFAULT: '#1890ff',
          dark: '#003a8c',
        },
        success: '#52c41a',
        warning: '#faad14',
        error: '#f5222d',
        info: '#1890ff',
        text: {
          DEFAULT: '#333333',
          secondary: '#888888',
        },
        heading: '#222222',
        background: '#f0f2f5',
        component: '#ffffff',
        layout: {
          header: '#001529',
          sider: '#001529',
        },
        border: {
          DEFAULT: '#d9d9d9',
          split: '#f0f0f0',
        }
      },
      fontSize: {
        'xs': '12px',
        'sm': '14px',
        'base': '14px',
        'lg': '16px',
        'xl': '18px',
        '2xl': '24px',
      },
      borderRadius: {
        'sm': '2px',
        'base': '4px',
        'lg': '8px',
      },
      boxShadow: {
        'base': '0 2px 8px rgba(0, 0, 0, 0.15)',
        'card': '0 1px 4px rgba(0, 21, 41, 0.08)',
      },
      spacing: {
        'xs': '8px',
        'sm': '8px',
        'base': '16px',
        'lg': '24px',
      },
      screens: {
        'xs': '576px',
        'sm': '768px',
        'md': '992px',
        'lg': '1200px',
        'xl': '1600px',
      }
    },
  },
  plugins: [],
  // 确保 Tailwind 不会覆盖 Ant Design 的样式
  corePlugins: {
    preflight: false,
  },
} 